﻿<!DOCTYPE html>
<html>
<head>
    <title>Polycom API Demo Toolkit</title>
    <link href="css/Site.css" rel="stylesheet" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <style type="text/css">
        .auto-style1 {
            width: 100%;
        }
    </style>
</head>
<body>
    <!--<form method="post" action="./" id="ctl01">-->
    <div id="Working_Header" style="display:none">
        <div class="content-wrapper">
            <div class="container_poly">
                <div class="float-left">
                    <p class="site-title">
                        <span class="image image-logo">
                            <img src="Images/logo.png" id="Img1" alt="" /></span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div id="header">
        <div class="content-wrapper">
            <div class="container_poly">
                <div class="float-left">
                    <p class="site-title">
                        <span class="image image-logo">
                            <img src="Images/logo.png" id="image-logo" alt="" /></span>
                    </p>
                </div>
                <div class="float-NAVIGATION">
                    <nav>
                        <ul id="menu">
                            <li><button id="NAV_HOME" class="btn btn-NAV">Home</button></li>
                            <li><button class="btn btn-NAV" style="display: none" id="NAV_VMR">VMR Passcode Manager</button></li>
                            <li><button class="btn btn-NAV" style="display: none" id="NAV_CCA">Conference Control</button></li>
                            <li><button class="btn btn-NAV" id="NAV_CONFIG">Config</button></li>
                            <li><button class="btn btn-NAV" style="display: none" id="NAV_ABOUT">About</button></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div id="body">

        <section class="featured" style="display: block" id="configBanner">
            <div class="content-wrapper">
                <div class="title">
                    <h3 class="h1-title-f">Demo Toolkit has not been configured. You must first 'Confirm Settings' in Config.</h3>
                </div>
            </div>
        </section>

        <section class="featured" style="display: none" id="securityBanner">
            <div class="content-wrapper">
                <div class="title">
                    <h3 class="h1-title-f">Have you trusted the DMA Certificate yet?</h3>
                </div>
            </div>
        </section>

        <section class="featured" style="display: none" id="CredentialBanner">
            <div class="content-wrapper">
                <div class="title">
                    <h3 class="h1-title-f">The credentials provided were not valid. Please try again</h3>
                </div>
            </div>
        </section>

        <section class="content-wrapper main-content clear-fix" id="content-home" style="display:block">

            <h3>Utilize this application to demonstrate the power of Polycom APIs</h3>
            <h4>The following Demonstrations are available through this tool:</h4>
            <ol class="round">
                <li class="one">
                    <h5>VMR Passcode Management</h5>
                    <p>
                        This allows the logged in user the ability to reset their VMR Passcode immediately via a self-service portal.  No IT Ticket required! (Requires elevated Permissions)
                    </p>
                </li>
                <li class="two">
                    <h5>Conference Control</h5>
                    <p>
                        Allows users to manage their VMR.
                    </p>
                </li>
                <li class="three">
                    <h5>Config</h5>
                    <p>
                        Configuration of the tool.
                    </p>
                </li>
            </ol>
            <p>
                The Tool must be configured prior to being used.  The toolkit's functionality will be made available for use based on the user credentials provided in the configuration.  Access to certain functionality requires the appropriate access rights in order to operate.
            </p>
        </section>

        <section class="content-wrapper main-content clear-fix" id="content-vmr" style="display:none">
        
        </section>

        <section class="content-wrapper main-content clear-fix" id="content-cca" style="display:none">
            
            <div>
                <div class="float-left">
                    <h3>Participants in Conference</h3>
                </div>
                <div class="float-right">
                    <button id="Refresh_View" class="refreshbutton" style="display:inline">Refresh</button>
                    <button id="Enable_Auto" class="refreshbutton" style="display:inline">Enable Auto Refresh</button>
                    <button id="Disable_Auto" class="refreshbutton" style="display:none">Disable Auto Refresh</button>
                </div>
            </div>
            <br />
            <br />
            <table class="VMR_TBL">
                <thead class="VMR_TBL_HEAD">
                    <tr>
                        <th class="VMR_TBL_H">Select</th>
                        <th class="VMR_TBL_H">Participant</th>
                        <th class="VMR_TBL_H">Audio Muted</th>
                        <th class="VMR_TBL_H">Actively Speaking</th>
                        <th class="VMR_TBL_H">Conference Chair</th>
                    </tr>
                </thead>
                <tbody class="VMR_TBL_BODY">
                    <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                </tbody>
            </table>
        </section>

        <section class="content-wrapper main-content clear-fix" id="content-config" style="display:none">
            <h3>Configure the Demo Toolkit</h3>
            <ol class="round">
                <li>
                    <p>
                        Retrieve Settings: Retrieves previously saved settings.
                    </p>
                    <p>
                        Confirm Settings: Checks that credentials above are valid and unlocks tool for further use.
                    </p>
                    <p>
                        Save Settings: Saves settings for use in a future session.
                    </p>
                </li>
            </ol>
            <table>
                <tbody>
                    <tr>
                        <td style="width: 20%"  colspan="1">
                            DMA Host: 
                        </td>
                        <td colspan="2">
                            <input type="text" placeholder="DMA DNS FQDN (dma.polycom.com)" id="dma" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="1">
                            Username: 
                        </td>
                        <td colspan="2">
                            <input type="text" placeholder="Username (domain\username)" id="user" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="1">
                            Password: 
                        </td>
                        <td colspan="2">
                            <input type="password" placeholder="Password" id="password" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="1">
                            Default VMR: 
                        </td>
                        <td colspan="2">
                            <input type="text" placeholder="Default VMR" id="vmr" />
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td style="width:15%"> </td>
                        <td>
                            <button id="RetrieveSettings" class="configbutton" >Retrieve Settings</button>
                            <button id="SaveSettings" class="configbutton">Save Settings</button>                            
                            <button id="InitializeTool" class="configbutton">Confirm Settings</button>
                        </td>
                        <td style="width:15%"> </td>
                    </tr>
                </tfoot>
            </table>
            
        </section>

        <section class="content-wrapper main-content clear-fix" id="content-about">
        
        </section>

        <section class="content-wrapper main-content clear-fix" id="Working_Body" style="display:none">
            Credentials are being processed
        </section>
    </div>
    <!-- </form>-->
    <div class="foot_new">
        <div class="inside_foot">
            <div class="copyright_bott">Copyright ©2014 Polycom, Inc. All rights reserved</div>
            <div class="about_bott"><a href="http://www.polycom.com/">About Polycom</a></div>
        </div>
    </div>
    <script src="js/base64.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/app.js"></script>
    <!--<script type="text/javascript">
            $(document).ready(function () {
                IndexLoaded();
            });
        </script>-->

</body>
</html>
